﻿<header class="header header-fixed navbar">
    <div class="brand">

        <a href="#" class="navbar-brand">
            <img src="~/Content/img/logo_epu-new.png" alt="">
            <span class="heading-font">
                <b> Đại học Điện Lực</b> 
            </span>
        </a>

    </div>
    <ul class="nav navbar-nav">
        <li class="hidden-xs">

            <a href="javascript:;" class="toggle-sidebar">
                <i class="glyphicon glyphicon-align-justify"></i>
            </a>

        </li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        
        @*<li>
            <a href="javascript:;" data-toggle="offscreen" data-move="rtl">
                <i class="glyphicon glyphicon-comment"></i>
                <div class="badge badge-top bg-danger animated flash">
                    <span>9</span>
                </div>
            </a>
        </li>*@
        @*<li class="notifications dropdown">
            <a href="javascript:;" data-toggle="dropdown">
                <i class="glyphicon glyphicon-bell"></i>
                <div class="badge badge-top bg-danger animated flash">
                    <span>3</span>
                </div>
            </a>
        <div class="dropdown-menu animated fadeInLeft">
                <div class="panel panel-default no-m">
                        <div class="panel-heading small">
                        <b>Nhắc nhở</b>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <a href="javascript:;">
                                <span class="pull-left mt5 mr15">
                                    <img src="~/Uploads/img/face4.jpg" class="avatar avatar-sm img-circle" alt="">
                                </span>
                                <div class="m-body">
                                    <div class="">
                                        <span><b>Xét duyệt hồ sơ</b></span>
                                        <span class="label label-danger pull-right">ASSIGN AGENT</span>
                                    </div>
                                    <span>Thời gian: 15/10/2014</span>
                                   <span class="time small"></span>
                                </div>
                            </a>
                        </li>
                        <li class="list-group-item">
                            <a href="javascript:;">
                                <span class="pull-left mt5 mr15">
                                    <img src="~/Uploads/img/face3.jpg" class="avatar avatar-sm img-circle" alt="">
                                </span>
                                <div class="m-body">
                                    <span>Hết hạn đăng ký hồ sơ</span>
                                    <span>14/10/2014</span>
                                    <span class="time small">14/10/2014</span>
                                </div>
                            </a>
                        </li>
                        <li class="list-group-item">
                            <a href="javascript:;">
                                <div class="pull-left mt5 mr15">
                                    <div class="circle-icon bg-danger">
                                        <i class="ti-download"></i>
                                    </div>
                                </div>
                                <div class="m-body">
                                    <span>Lập danh sách thi</span>
                                    <div class="progress progress-xs mt5 mb5">
                                        <div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                        </div>
                                    </div>
                                    <span class="time small">20/10/2014</span>
                                </div>
                            </a>
                        </li>
                        
                    </ul>
                    <div class="panel-footer">
                        <a href="javascript:;"><b>Xem tất cả nhắc nhở</b></a>
                    </div>
                </div>
            </div>
        </li>*@
        <li class="off-right">
            <a href="javascript:;" data-toggle="dropdown">
                <img src="~/Content/img/default-avatar-profile.png" class="header-avatar img-circle" alt="user" title="user">
                <span class="hidden-xs ml10">Xin chào, <b>Admin</b></span>
                <i class="ti-angle-down ti-caret hidden-xs"></i>
            </a>
            <ul class="dropdown-menu animated fadeInLeft">
                <li>
                    <a href="javascript:;">Cài đặt</a>
                </li>                
                <li>
                    <a href="#">Thoát</a>
                </li>
            </ul>
        </li>
    </ul>
</header>
